<script setup lang="ts">
import {showToast} from "vant";

function towait() {
    showToast('敬请期待')
}
</script>

<template>

    <div class="pointsGroup">
        <div class="linkBox" >
            <router-link to="/points" >
                <div class="pointsMall">
                    <div class="cotentBox">
                        <div class="title">
                            积分商城
                        </div>
                        <div class="detail">
                            领积分 兑换福利
                        </div>
                    </div>
                </div>
                <div class="pointsIcon">
                </div>
            </router-link>
        </div>
        <div class="linkBox">
                <div class="pointsMall_2" @click="towait">
                    <div class="cotentBox">
                        <div class="title">
                           冀商团
                        </div>
                        <div class="detail">
                            更多福利 请期待
                        </div>
                    </div>
                </div>
                <div class="pointsIcon">
                </div>
        </div>
    </div>
</template>

<style scoped>
.pointsGroup {
    overflow: hidden;
    margin: 12px;
    display: flex;
    justify-content: space-between;
    .linkBox {
        width: 48%;
        border-radius: 10px;
        background-color: #fff;
    }
}

.pointsMall,
.pointsMall_2 {
    background-position-x: right;
    background-position-y: bottom;
    width: 100%;
    height: 86px;
    border-radius: 10px;
    background-color: #fff;
    background-size: 100%;
    background-repeat: no-repeat;
}
.pointsMall {
    background-image: url("./images/pointsmallimg.png");
}
.pointsMall_2 {
    background-image: url("./images/groupimg.png");
    background-size: 90%;
}
.cotentBox {
    padding-top: 20px;
    padding-left: 10px;
    .title {
        font-size: 15px;
        color: #181818;
    }
    .detail {
        font-size: 13px;
        color: #999999;
    }
}

</style>